<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>async-await</title>
		<!--注:lambda表达式 箭头表达式 起码要会看  -->
	</head>
	<body>
		<div id="app">

		</div>

		<script src="../js/axios.js"></script>
		<script>
			//定义axios请求基本路径 为ajax请求添加前缀
			axios.defaults.baseURL = `http://127.0.0.1:8090`
			
			
			
			
			
			
			
			
			

			//每此更改保存文件，请求执行一次，每次刷新页面，请求也执行一次
			let url = "/axios/getId?id=1001"
			/* 1.箭头函数 
			思路:简化重复内容
			规则:如果参数只有一个 则括号可省略
			*/
			axios.get(url)
				.then((result) => { //一个参数括号可省 多个不可
					alert(result.data)
				})


			/*
			2.async await简化
			2.1 async 需要标识函数
			2.2 await 需要标识ajax请求
			*/
			

			async function getUserById() {
				let url = "/axios/getId?id=1001"
				// //新方法
				// let obj = await axios.get(url) //promise对象
				// console.log(obj)
				// console.log(obj.data)
				// //比较
				// axios.get(url).then(result => {
				// 	console.log(result)
				// 	console.log(result.data)
				// })
				
				//解构赋值 data是参数类型 是固定的 value是变量名 是自己写的
				//一般只获得data的值即可
				const {
					data: value,
					status: aaa
				} = await axios.get(url)
				console.log(value)
				console.log(aaa)
			}
			getUserById()
		</script>
	</body>
</html>
